export const ConnectDarkMode = () => {
  return (
    <div>
      <svg
        width="279"
        height="203"
        viewBox="0 0 279 203"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path
          d="M81.1602 160.785L119.694 138.562"
          stroke="#0D47F0"
          strokeLinecap="round"
          stroke-dasharray="5 5"
          className="edge-path"
        />
        <path
          d="M83.5353 157.493L50.99 138.671C47.5945 136.707 42.0891 136.707 38.6936 138.671L6.1483 157.493C2.75273 159.456 2.75273 162.64 6.1483 164.604L38.6936 183.425C42.0891 185.389 47.5945 185.389 50.99 183.425L83.5353 164.604C86.9309 162.64 86.9309 159.456 83.5353 157.493Z"
          fill="#303030"
          stroke="#0D47F0"
          strokeLinejoin="bevel"
        />
        <path
          d="M38.437 183.276L6.40723 164.753V179.572L38.437 198.095V183.276Z"
          fill="#505050"
          stroke="#0D47F0"
          strokeLinejoin="bevel"
        />
        <path
          d="M83.2768 164.753L51.2471 183.276V198.095L83.2768 179.572V164.753Z"
          fill="#101010"
          stroke="#0D47F0"
          strokeLinejoin="bevel"
        />
        <path
          d="M3.75293 161.049C3.75293 162.495 4.76694 163.805 6.40638 164.753V179.572C4.76694 178.624 3.75293 177.314 3.75293 175.868V161.049Z"
          fill="#505050"
          stroke="#0D47F0"
          strokeLinejoin="bevel"
        />
        <path
          d="M38.4355 183.276C41.9735 185.322 47.7096 185.322 51.2475 183.276V198.095C47.7096 200.141 41.9735 200.141 38.4355 198.095V183.276Z"
          fill="#101010"
          stroke="#0D47F0"
          strokeLinejoin="bevel"
        />
        <path
          d="M85.9307 161.049C85.9307 162.495 84.9167 163.805 83.2773 164.753V179.572C84.9167 178.624 85.9307 177.314 85.9307 175.868V161.049Z"
          fill="#101010"
          stroke="#0D47F0"
          strokeLinejoin="bevel"
        />
        <path
          d="M221.112 161.444L69.0674 70.7744"
          stroke="#0D47F0"
          stroke-dasharray="5 5"
          className="edge-path"
        />
        <path
          d="M110.796 129.12C126.243 138.054 151.288 138.054 166.735 129.12C182.182 120.187 182.182 105.703 166.735 96.7699C151.288 87.8366 126.243 87.8366 110.796 96.7699C95.3494 105.703 95.3494 120.187 110.796 129.12Z"
          fill="#303030"
          stroke="#0D47F0"
          strokeLinejoin="bevel"
        />
        <path
          d="M99.2109 112.944C99.2109 119.262 103.639 124.98 110.797 129.12V139.903C103.639 135.763 99.2109 130.045 99.2109 123.728V112.944Z"
          fill="#505050"
          stroke="#505050"
          strokeLinejoin="bevel"
        />
        <path
          d="M110.793 129.121C126.24 138.054 151.285 138.054 166.732 129.121V139.904C151.285 148.838 126.24 148.838 110.793 139.904V129.121Z"
          fill="#101010"
          stroke="#0D47F0"
          strokeLinejoin="bevel"
        />
        <path
          d="M178.316 112.944C178.316 119.262 173.888 124.98 166.73 129.12V139.903C173.888 135.763 178.316 130.045 178.316 123.728V112.944Z"
          fill="#262626"
          stroke="#0D47F0"
          strokeLinejoin="bevel"
        />
        <path
          d="M153.818 104.42C154.999 103.738 155.589 103.397 155.865 103.016C156.252 102.485 156.246 101.883 155.849 101.348C155.566 100.966 154.969 100.621 153.776 99.931L146.099 95.4912C143.627 94.0612 142.391 93.3466 140.863 93.3418C139.336 93.3371 138.113 94.0441 135.668 95.458L130.968 98.1763C127.199 100.355 125.315 101.445 125.801 102.605C126.287 103.765 128.835 104.26 133.931 105.251L143.667 107.143C145.365 107.473 145.887 108.719 144.631 109.445C143.993 109.814 143.046 109.941 142.182 109.773L123.106 106.066C121.001 105.656 119.948 105.452 118.932 105.588C117.916 105.724 117.138 106.174 115.581 107.074L114.029 107.972C111.584 109.386 110.362 110.093 110.37 110.977C110.378 111.86 111.614 112.575 114.087 114.004L121.514 118.3C122.708 118.99 123.304 119.335 123.588 119.717C123.984 120.252 123.99 120.854 123.603 121.385C123.327 121.766 122.737 122.106 121.557 122.789C120.377 123.472 119.786 123.813 119.51 124.194C119.124 124.725 119.13 125.327 119.526 125.861C119.809 126.244 120.406 126.588 121.6 127.279L129.277 131.719C131.749 133.148 132.985 133.863 134.512 133.868C136.04 133.873 137.263 133.166 139.707 131.752L144.407 129.034C148.176 126.854 150.06 125.764 149.575 124.604C149.089 123.445 146.541 122.949 141.444 121.959L131.709 120.067C130.01 119.737 129.488 118.491 130.745 117.764C131.383 117.396 132.33 117.268 133.193 117.436L152.269 121.144C154.374 121.553 155.427 121.757 156.443 121.621C157.459 121.485 158.238 121.035 159.794 120.135L161.346 119.238C163.791 117.823 165.013 117.116 165.005 116.233C164.997 115.35 163.761 114.635 161.289 113.205L153.861 108.91C152.668 108.219 152.071 107.874 151.788 107.492C151.391 106.958 151.386 106.356 151.772 105.825C152.048 105.444 152.639 105.103 153.818 104.42Z"
          fill="#272F30"
        />
        <path
          d="M153.818 104.42C154.999 103.738 155.589 103.397 155.865 103.016C156.252 102.485 156.246 101.883 155.849 101.348C155.566 100.966 154.969 100.621 153.776 99.931L146.099 95.4912C143.627 94.0612 142.391 93.3466 140.863 93.3418C139.336 93.3371 138.113 94.0441 135.668 95.458L130.968 98.1763C127.199 100.355 125.315 101.445 125.801 102.605C126.287 103.765 128.835 104.26 133.931 105.251L143.667 107.143C145.365 107.473 145.887 108.719 144.631 109.445C143.993 109.814 143.046 109.941 142.182 109.773L123.106 106.066C121.001 105.656 119.948 105.452 118.932 105.588C117.916 105.724 117.138 106.174 115.581 107.074L114.029 107.972C111.584 109.386 110.362 110.093 110.37 110.977C110.378 111.86 111.614 112.575 114.087 114.004L121.514 118.3C122.708 118.99 123.304 119.335 123.588 119.717C123.984 120.252 123.99 120.854 123.603 121.385C123.327 121.766 122.737 122.106 121.557 122.789C120.377 123.472 119.786 123.813 119.51 124.194C119.124 124.725 119.13 125.327 119.526 125.861C119.809 126.244 120.406 126.588 121.6 127.279L129.277 131.719C131.749 133.148 132.985 133.863 134.512 133.868C136.04 133.873 137.263 133.166 139.707 131.752L144.407 129.034C148.176 126.854 150.06 125.764 149.575 124.604C149.089 123.445 146.541 122.949 141.444 121.959L131.709 120.067C130.01 119.737 129.488 118.491 130.745 117.764C131.383 117.396 132.33 117.268 133.193 117.436L152.269 121.144C154.374 121.553 155.427 121.757 156.443 121.621C157.459 121.485 158.238 121.035 159.794 120.135L161.346 119.238C163.791 117.823 165.013 117.116 165.005 116.233C164.997 115.35 163.761 114.635 161.289 113.205L153.861 108.91C152.668 108.219 152.071 107.874 151.788 107.492C151.391 106.958 151.386 106.356 151.772 105.825C152.048 105.444 152.639 105.103 153.818 104.42Z"
          stroke="white"
        />
        <path
          d="M272.852 159.863L240.306 141.041C236.911 139.077 231.406 139.077 228.01 141.041L195.465 159.863C192.069 161.826 192.069 165.01 195.465 166.974L228.01 185.796C231.406 187.759 236.911 187.759 240.306 185.796L272.852 166.974C276.247 165.01 276.247 161.826 272.852 159.863Z"
          fill="#303030"
          stroke="#0D47F0"
          strokeLinejoin="bevel"
        />
        <path
          d="M227.753 185.647L195.724 167.123V181.942L227.753 200.465V185.647Z"
          fill="#505050"
          stroke="#0D47F0"
          strokeLinejoin="bevel"
        />
        <path
          d="M272.594 167.123L240.564 185.646V200.465L272.594 181.942V167.123Z"
          fill="#101010"
          stroke="#0D47F0"
          strokeLinejoin="bevel"
        />
        <path
          d="M193.069 163.419C193.069 164.866 194.083 166.175 195.723 167.123V181.942C194.083 180.994 193.069 179.684 193.069 178.238V163.419Z"
          fill="#505050"
          stroke="#0D47F0"
          strokeLinejoin="bevel"
        />
        <path
          d="M227.753 185.646C231.291 187.692 237.027 187.692 240.565 185.646V200.465C237.027 202.511 231.291 202.511 227.753 200.465V185.646Z"
          fill="#101010"
          stroke="#0D47F0"
          strokeLinejoin="bevel"
        />
        <path
          d="M275.247 163.419C275.247 164.866 274.233 166.175 272.594 167.123V181.942C274.233 180.994 275.247 179.684 275.247 178.238V163.419Z"
          fill="#101010"
          stroke="#0D47F0"
          strokeLinejoin="bevel"
        />
        <path
          d="M103.673 52.4111L69.3594 70.782"
          stroke="#0D47F0"
          stroke-dasharray="5 5"
          className="edge-path"
        />
        <path
          d="M161.628 22.3773L129.083 3.55566C125.687 1.59192 120.182 1.59192 116.786 3.55566L84.2411 22.3773C80.8455 24.341 80.8455 27.5249 84.2411 29.4886L116.786 48.3103C120.182 50.274 125.687 50.274 129.083 48.3103L161.628 29.4886C165.024 27.5249 165.024 24.341 161.628 22.3773Z"
          fill="#303030"
          stroke="#0D47F0"
          strokeLinejoin="bevel"
        />
        <path
          d="M116.53 48.1612L84.5 29.6377V44.4566L116.53 62.9801V48.1612Z"
          fill="#505050"
          stroke="#0D47F0"
          strokeLinejoin="bevel"
        />
        <path
          d="M161.372 29.6376L129.342 48.1611V62.98L161.372 44.4565V29.6376Z"
          fill="#101010"
          stroke="#0D47F0"
          strokeLinejoin="bevel"
        />
        <path
          d="M81.8457 25.9336C81.8457 27.3804 82.8597 28.6902 84.4991 29.6384V44.4572C82.8597 43.509 81.8457 42.1992 81.8457 40.7525V25.9336Z"
          fill="#505050"
          stroke="#0D47F0"
          strokeLinejoin="bevel"
        />
        <path
          d="M116.528 48.1611C120.066 50.2072 125.802 50.2072 129.34 48.1611V62.9802C125.802 65.0259 120.066 65.0259 116.528 62.9802V48.1611Z"
          fill="#101010"
          stroke="#0D47F0"
          strokeLinejoin="bevel"
        />
        <path
          d="M164.024 25.9336C164.024 27.3804 163.009 28.6902 161.37 29.6384V44.4572C163.009 43.509 164.024 42.1992 164.024 40.7525V25.9336Z"
          fill="#101010"
          stroke="#0D47F0"
          strokeLinejoin="bevel"
        />
      </svg>
    </div>
  );
};
